<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>教师信息管理</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {

		//申请表数据表格div
		$('#p').panel({
			closed : true
		})
		//教师数据表格
		$('#dg').datagrid({
			url : 'jsgl',
			queryParams:{},
			columns : [ [ {
				field : 'ck',
				width : 100,
				checkbox : true
			}, {
				field : 'tid',
				title : '教师工号',
				width : 100,

			}, {
				field : 'tname',
				title : '教师姓名',
				width : 100
			}, {
				field : 'tage',
				title : '教师年龄',
				width : 100,
			}, {
				field : 'tsex',
				title : '教师性别',
				width : 100
			}, {
				field : 'tdepart',
				title : '学院',
				width : 200
			}, {
				field : 'tprofe',
				title : '教师职称',
				width : 100
			}, {
				field : 'ttel',
				title : '教师电话',
				width : 200
			} ] ],
			rownumbers : true,
			pagePosition : 'bottom',
			pagination : true,
			pageSize : 5,
			pageList : [ 5, 10, 15 ],
			toolbar : [ {
				iconCls : 'icon-edit',
				text : '教师信息修改',
				handler : function() {
					var teachers = $('#dg').datagrid('getSelections');
					if (teachers.length == 1) {
						$('#updatewin').window('open')
						$('#tid1').textbox({
							value : teachers[0].tid,
						});					
						// 得到教师姓名修改 
						$('#tname1').textbox({
							value : teachers[0].tname
						});
						//得到教师年龄修改
						$('#tage1').textbox({
							value : teachers[0].tage
						});
						$('#ttel1').textbox({
							value : teachers[0].ttel
						});
					} else if (teachers.length == 0) {
						$.messager.confirm('信息', '请选择修改信息', function(r) {
						});
					} else {
						$.messager.confirm('信息', '只能选择修改一条', function(r) {
							if (r) {
								$("#dg").datagrid('uncheckAll')
							}
						});
					}
				}
			}, '-', {
				iconCls : 'icon-add',
				text : '教师信息增加',
				handler : function() {
					$('#insertwin').window('open');

				}
			}, '-', {
				iconCls : 'icon-remove',
				text : '教师离职审批',
				handler : function() {
					$('#p').panel('open');
					$('#teacherdiv').panel('close');

				}
			} ]

		});
		//修改窗口
		$('#updatewin').window({
			width : 400,
			height : 550,
			modal : true,
			title : "增加",
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			closed : true
		});
		//修改年龄数值框
		$('#tage1').numberbox({
			min : 0,
			precision : 2
		});
		//修改电话数值框
		$('#ttel1').numberbox({
			min : 0,
			precision : 2
		});

		//修改确定按钮
		$('#updateyes').linkbutton({
			onClick : function() {
				var tid = $('#tid1').val();
				var tname = $('#tname1').val();
				var tage = $('#tage1').val();
				var tsex = $('#tsex1').combobox('getValue');
				var tdepart = $('#tdepart1').combobox('getValue');
				var tprofe = $('#tprofe1').combobox('getValue');
				var ttel = $('#ttel1').val();
				$.ajax({
					url : 'updateTeacher',
					type : 'post',
					data : {
						'tid' : tid,
						'tname' : tname,
						'tage' : tage,
						'tsex' : tsex,
						'tdepart' : tdepart,
						'tprofe' : tprofe,
						'ttel' : ttel
					},
					dataType : 'text',
					success : function(data) {
						if (data == 1) {
							$("#dg").datagrid('reload');
						} else {
							$.messager.show({
								title : '信息提示',
								msg : '修改失败',
								timeout : 1000,
								showType : 'slide'
							});
						}
					}
				});
				$('#updatewin').window("close");

			}
		});
		//修改取消按钮
		$('#updateno').linkbutton({
			onClick : function() {
				$('#updatewin').window("close");
				$("#dg").datagrid('uncheckAll')
			}
		});
		//增加窗口
		$('#insertwin').window({
			width : 400,
			height : 550,
			modal : true,
			title : "增加",
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			closed : true
		});
		//增加年龄数值框
		$('#tage2').numberbox({
			min : 0,
			precision : 2
		});
		//增加电话数值框
		$('#ttel2').numberbox({
			min : 0,
			precision : 2
		});

		//增加确定按钮
		$('#insertyes').linkbutton({
			onClick : function() {
				var tname = $('#tname2').val();
				var tage = $('#tage2').val();
				var tsex = $('#tsex2').combobox('getValue');
				var tdepart = $('#tdepart2').combobox('getValue');
				var tprofe = $('#tprofe2').combobox('getValue');
				var ttel = $('#ttel2').val();
				$.ajax({
					url : 'insertTeacher',
					type : 'post',
					data : {
						'tname' : tname,
						'tage' : tage,
						'tsex' : tsex,
						'tdepart' : tdepart,
						'tprofe' : tprofe,
						'ttel' : ttel
					},
					detaType : 'text',
					success : function(data) {
						if (data == 1) {
							$("#dg").datagrid('reload');
						} else {
							$.messager.show({
								title : '信息提示',
								msg : '增加失败',
								timeout : 1000,
								showType : 'slide'
							});
						}
					}
				});
				$('#insertwin').window("close");
			}
		});
		//增加取消
		$('#insertno').linkbutton({
			onClick : function() {
				$('#insertwin').window("close");
			}
		});
		//申请表数据表格
		$('#application').datagrid(
				{
					url : 'application',
					columns : [ [ {
						field : 'ck',
						width : 100,
						checkbox : true
					}, {
						field : 'aid',
						title : 'aid',
						width : 100,
						hidden : true
					}, {
						field : 'apptype',
						title : '申请类型',
						width : 100
					}, {
						field : 'appcontent',
						title : '申请内容',
						width : 300,
					}, {
						field : 'apptime',
						title : '申请时间',
						width : 150
					}, {
						field : 'appstate',
						title : '审核状态',
						width : 100,
					}, {
						field : 'tid',
						title : '教师工号',
						width : 100
					}, {
						field : 'tname',
						title : '申请教师',
						width : 100
					}, ] ],
					rownumbers : true,
					pagePosition : 'bottom',
					pagination : true,
					pageSize : 5,
					pageList : [ 5, 10, 15 ],
					toolbar : [
							{
								iconCls : 'icon-edit',
								text : '审核通过',
								handler : function() {
									var application = $('#application')
											.datagrid('getSelections');
									if (application.length > 0) {
										$('#applicationwinyes').window('open');
										var apptype = application[0].apptype;
										$.ajax({
											url : 'updateApplication',
											type : 'post',
											data : {
												'apptype' : apptype
											},
											dataType : 'text',
											success : function(data) {
												if (data == 1) {
													$("#application").datagrid(
															'getRows');
												} else {
													$.messager.show({
														title : '信息提示',
														msg : '审批失败',
														timeout : 1000,
														showType : 'slide'
													});
												}

											}
										})

									} else {
										$.messager.confirm('信息', '请选择审批内容',
												function(r) {
												});
									}
								}

							},
							'-',
							{
								iconCls : 'icon-edit',
								text : '审核不通过',
								handler : function() {
									var application = $('#application')
											.datagrid('getSelections');
									if (application.length > 0) {
										$("#application").datagrid('reload');
										$('#applicationwinno').window('open');

									} else {
										$.messager.confirm('信息', '请选择审批内容',
												function(r) {
												});
									}
								}
							} ]

				});
		//审核通过返回主页面窗口
		$('#applicationwinyes').window({
			width : 250,
			height : 200,
			modal : true,
			title : '信息',
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			closed : true
		});
		//审核通过返回主页面窗口确定
		$('#updateapplicationyes1').linkbutton({
			onClick : function() {
				$('#p').panel('close');
				$('#teacherdiv').panel('open');
				$('#applicationwinyes').window('close');
				$('#deleteteacherwin').window('open');
			}
		});
		//审核通过返回主页面窗口取消
		$('#updateapplicationno1').linkbutton({
			onClick : function() {
				$('#applicationwinyes').window('close');
				$('#deleteteacherwin').window('open');
			}
		});

		//审核不通过返回主页面窗口
		$('#applicationwinno').window({
			width : 250,
			height : 200,
			modal : true,
			title : '信息',
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			closed : true
		});
		//审核不通过返回主页面窗口确定
		$('#updateapplicationyes2').linkbutton({
			onClick : function() {
				$('#p').panel('close');
				$('#teacherdiv').panel('open');
				$('#applicationwinno').window('close');
			}
		});
		//审核不通过返回主页面窗口取消
		$('#updateapplicationno2').linkbutton({
			onClick : function() {
				$('#applicationwinno').window('close');
			}
		});
		//删除教师窗口
		$('#deleteteacherwin').window({
			width : 250,
			height : 200,
			modal : true,
			title : '信息',
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			closed : true
		});
		//删除教师确定按钮
		$('#deleteteacheryes').linkbutton({
			onClick : function() {
				$('#deleteteacherwin').window("close");
				var application = $('#application').datagrid('getSelections');
				if (application.length > 0) {
					var apptype = application[0].apptype;
					var appstate = application[0].appstate;
					$.ajax({
						url : 'deleteTeacher',
						type : 'post',
						data : {
							'apptype' : apptype,
							'appstate' : appstate
						},
						dataType : 'text',
						success : function(data) {
							if (data == 1) {
								$.messager.alert('消息', '删除成功');
								$("#application").datagrid('uncheckAll')
							} else {
								$.messager.show({
									title : '信息提示',
									msg : '删除失败',
									timeout : 1000,
									showType : 'slide'
								});
							}

						}
					});
				}
			}
		});
		//删除取消
		$('#deleteteacherno').linkbutton({
			onClick : function() {
				$('#deleteteacherwin').window("close");
				$("#application").datagrid('uncheckAll')
			}
		});
		//把搜索放入到工具栏中
		$('#searchteachers').appendTo(".datagrid-toolbar");
		
		//搜索触发
		$('#search').linkbutton({
			onClick : function() {
				var searchtid = $('#searchtid').textbox('getValue');
				var searchtname = $('#searchtname').textbox('getValue');			
				//教师数据表格
				$('#dg').datagrid({				
					url : 'searchTeacher',
					queryParams:{
						'searchtid':searchtid,
						'searchtname':searchtname,			
					},
					
				});
			}
			
			});
	
	})
</script>
<body>

	<!-- 申请表数据表格 -->
	<div id="p">
		<table id="application"></table>
	</div>

	<!-- 教师数据表格 -->
	<div id='teacherdiv' class="easyui-panel">
		<table id="dg"></table>
	</div>

	<!-- 修改教师窗口 -->
	<div id="updatewin">
		<div style="margin-left: 100px; margin-top: 50px; width: 250px;">
			<div style="display: none;">
				<span>id</span><input class="easyui-textbox" id="tid1" type="text"
					name="tid1" style="width: 80%; height: 25px">
			</div>
			<br> <br> <span>名字</span><input class="easyui-textbox"
				id="tname1" type="text" name="tname1"
				style="width: 80%; height: 25px"> <br> <br> <span>年龄</span><input
				type="text" id="tage1" name="tage1" style="width: 80%; height: 25px"><br>
			<br> <span>性别</span><select id="tsex1" class="easyui-combobox"
				name="tsex1" style="width: 80%; height: 25px">
				<option>男</option>
				<option>女</option>
			</select> <br> <br> <span>学院</span><select id="tdepart1"
				class="easyui-combobox" name="tdepart1"
				style="width: 80%; height: 25px">
				<option>土木工程学院</option>
				<option>信息管理学院</option>
				<option>河海学院</option>
				<option>外国语学院</option>
				<option>计算机与科学学院</option>
				<option>人文学院</option>
				<option>财经学院</option>
			</select> <br> <br> <span>职称</span><select id="tprofe1"
				class="easyui-combobox" name="tprofe2"
				style="width: 80%; height: 25px">
				<option>教授</option>
				<option>副教授</option>
			</select> <br> <br> <span>电话</span><input type="text" id="ttel1"
				name="ttel1" style="width: 80%; height: 25px"><br> <br>
			<div style="text-align: center;">
				<a id="updateyes" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-ok'">确定</a> &nbsp;&nbsp; &nbsp; &nbsp;
				&nbsp; <a id="updateno" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>
	<!-- 增加教师窗口 -->
	<div id="insertwin">
		<div style="margin-left: 100px; margin-top: 50px; width: 250px;">
			<div style="display: none;">
				<span>id</span><input class="easyui-textbox" id="tid2" type="text"
					name="tid2" style="width: 80%; height: 25px">
			</div>
			<br> <br> <span>名字</span><input class="easyui-textbox"
				id="tname2" type="text" name="tname2"
				style="width: 80%; height: 25px"> <br> <br> <span>年龄</span><input
				type="text" id="tage2" name="tage2" style="width: 80%; height: 25px"><br>
			<br> <span>性别</span><select id="tsex2" class="easyui-combobox"
				name="tsex2" style="width: 80%; height: 25px">
				<option>男</option>
				<option>女</option>
			</select> <br> <br> <span>学院</span><select id="tdepart2"
				class="easyui-combobox" name="tdepart2"
				style="width: 80%; height: 25px">
				<option>土木工程学院</option>
				<option>信息管理学院</option>
				<option>河海学院</option>
				<option>外国语学院</option>
				<option>计算机与科学学院</option>
				<option>人文学院</option>
				<option>财经学院</option>
			</select> <br> <br> <span>职称</span><select id="tprofe2"
				class="easyui-combobox" name="tprofe2"
				style="width: 80%; height: 25px">
				<option>教授</option>
				<option>副教授</option>
			</select> <br> <br> <span>电话</span><input type="text" id="ttel2"
				name="ttel2" style="width: 80%; height: 25px"><br> <br>
			<div style="text-align: center;">
				<a id="insertyes" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-ok'">确定</a> &nbsp;&nbsp; &nbsp; &nbsp;
				&nbsp; <a id="insertno" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>
	<!-- 审核通过窗口 -->
	<div id="applicationwinyes">
		<div style="text-align: center; margin-top: 50px;">
			<span>是否返回主页面</span><br>
			<br>
			<br> <a id="updateapplicationyes1" href="#"
				class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a>
			&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; <a id="updateapplicationno1"
				href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
		</div>
	</div>

	<!-- 审核不通过窗口 -->
	<div id="applicationwinno">
		<div style="text-align: center; margin-top: 50px;">
			<span>是否返回主页面</span><br>
			<br>
			<br> <a id="updateapplicationyes2" href="#"
				class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a>
			&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; <a id="updateapplicationno2"
				href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
		</div>
	</div>

	<!-- 删除教师窗口 -->
	<div id="deleteteacherwin">
		<div style="text-align: center; margin-top: 50px;">
			<span>是否删除教师</span><br>
			<br>
			<br> <a id="deleteteacheryes" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-ok'">确定</a> &nbsp;&nbsp; &nbsp; &nbsp;
			&nbsp; <a id="deleteteacherno" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-no'">取消</a>
		</div>
	</div>
<!-- 搜索工具栏 -->
	<div id="searchteachers">
		<span>教师工号</span><input class="easyui-textbox" data-options="value:'2022110'"
				id="searchtid" type="text" name="searchtid"
				style="width: 100px; height: 25px">
		<span>教师姓名</span><input class="easyui-textbox" data-options="value:'null'"
				id="searchtname" type="text" name="searchtname"
				style="width: 100px; height: 25px">
		<a id="search"  name = "search" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a>    
	</div>
 
</body>
</html>